<template>
  <view class="overall">
    <view class="content">
      <!-- 使用 BASE_API_URL 拼接图片完整路径 -->
      <image :src="BASE_API_URL + '/uploads/20231025/def66bd697f05d403113df8bb4fd786d.webp'" mode=""></image>
    </view>
  </view>
</template>

<script lang="ts" setup>
import { ref } from 'vue';
// 导入配置中的 BASE_API_URL
import { BASE_API_URL } from '@/utils/config'; 

function handleClickLeft() {
  uni.navigateBack();
}


defineExpose({
  BASE_API_URL
}); 
</script>

<style scoped>
.overall {
  width: 100%;
  background-color: #FFFFFF;
  min-height: 100vh;
}

.title {
  width: 100%;
  height: 180rpx;
  background-color: #00DACA;
  color: white;
  display: flex;
  align-items: center;
}

.name {
  display: flex;
  align-items: center;
  font-weight: bold;
  font-size: 42rpx;
  margin-top: 50rpx;
  margin-left: 3%;
}

.name>view {
  margin-left: 20rpx;
}

.content {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

image {
  width: 92%;
  min-height: 80vh;
  object-fit: cover;
}
</style>